<template>
    <div class="search">
        <input class="search-input" placeholder="请输入城市名或拼音" type="text">
    </div>
</template>

<script>
export default {
  name: 'CitySearch'
}
</script>

<style lang="stylus" scoped>
@import '~style/varibles.styl'
.search
    height: 0.72rem
    padding: 0 0.1rem
    background-color: $bgColor
    .search-input
        box-sizing: border-box
        width: 100%
        height: 0.62rem
        padding: 0 0.1rem
        line-height: 0.62rem
        text-align: center
        border-radius: 0.06rem
        color: #666
</style>
